<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--        内部样式-->
    <style>
            p{
                color: green;
                font-size: 20px;
            }
    </style>
<!--    <link rel="stylesheet" href="./css/base.css">-->
</head>
<body>

<!--
    网页开发
      html      网页结构的划分    标签
      css       网页的优化
      javascript   网页的动态操作  人机交互

    css   层叠样式表
    css的使用方式
      1. style   内联样式  标签属性
      2. 内部样式  head   style标签
      3.外部样式  以独立文件编写css样式  .css  引入

       使用不同的方式实现css的设置  可以提升代码的复用率

       使用内部样式 和外部样式实现css的设置 需要使用 css选择器
       css语法
         选择器{
                声明1;
                声明2;
                ...
         }

         选择器  :  通过选择器选中需要设置样式的元素
           1. 标签选择器

         声明   =    属性:属性值    color: red;
-->

<!--
    设置段落中文本的颜色
    1. 内联样式    如果多个位置需要设置同样的样式 则代码存在冗余    样式不便于维护
    2.内部样式      提升了代码的复用  减少代码冗余  便于代码的维护
-->
<p>hello css</p>
<p>hello css</p>
<p>hello css</p>
<p>hello css</p>
<p>hello css</p>

</body>
</html>